<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/png" sizes="16x16" href="../../static/icons/favicon.svg">
    <link rel="stylesheet" href="../../static/admin/css/nav.css">

    <script src="../../static/jQuery.js"></script>
    <script src="../../static/admin/js/nav.js"></script>

    <title>后台-首页</title>
</head>
<body>
<div class="tz_content">

    <!--左侧导航栏 start-->
    <div class="t_left">
        <div class="l_logo"></div>
        <div class="l_nav">
            <ul>
                <li class="active">
                    <a href="{{ url_for('admin.index') }}">
                        <img src="../../static/icons/home(white).svg"
                             style="width: 20px;height:20px;vertical-align: text-bottom;">
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="{{ url_for('admin.item_view') }}">
                        <img src="../../static/icons/item_list.svg"
                             style="width: 20px;height:20px;vertical-align: text-bottom;">
                        <span>商品列表</span>
                    </a>
                </li>

                <li>
                    <a href="{{ url_for('admin.order') }}">
                        <img src="../../static/icons/order_list.svg"
                             style="width: 20px;height:20px;vertical-align: text-bottom;">
                        <span>订单列表</span>
                    </a>
                </li>
                <li>
                    <a href="{{ url_for('admin.user') }}">
                        <img src="../../static/icons/user_list.svg"
                             style="width: 20px;height:20px;vertical-align: text-bottom;">
                        <span>用户列表</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--左侧导航栏 end-->

    <!--头部导航栏 start-->
    <div class="t_header">
        <!--h_nav start-->
        <div class="h_nav">
            <h2>网上书城后台管理</h2>
        </div>
        <!--end h_nav-->

        <!--h_info start-->
        <div class="h_info">
            <div class="h_user">当前用户：
                {% if admin %}
                <a href="javascript:;" class="logout h_out" style="line-height: 30px;text-align: center;color: #fff;">
                    {{ admin.name }}
                </a>
                {% endif %}
            </div>
        </div>
        <!--end h_info-->

    </div>
    <!--头部导航栏 end -->


    <!--t_right start-->
    <div class="t_right">
        <!--r_location start-->
        <div class="r_location">
            <i></i>
            <p>您当前所在位置：首页 > 后台中心</p>
        </div>
        <!--end r_location-->
    </div>
    <!--end t_right-->

    <h1 style="margin: 20px 0 0 250px">伟大的我写的后台管理页面</h1>

</div>
</body>
</html>






